<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>

<link rel="stylesheet" href="script/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" type="text/css" href="stylesheet/simpletree.css" />
<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

#borderContainerTwo {
	width: 100%;
	height: 100%;
}

.switch {position:absolute; top:0; left:200px; bottom:0; overflow:auto; width:20px; _height:100%; background:#30C;}


a:link   {   text-decoration:   none; cursor: hand;}



a:hover   {   color:   #ff0000;   text-decoration:   none;   background-color:   none}



a:visited   {   text-decoration:   none}

a img
{ 
	border:none;
}
</style>
<script>
	dojoConfig = {
		parseOnLoad : true
	}
</script>
	<script  src="script/foundation/jquery-1.4.4.js"></script>
	<script  src="script/foundation/common.js"></script>
<script src='script/dojo/dojo.js'></script>
<script>
	require(["dojo/parser", "dijit/layout/ContentPane",
			"dijit/layout/BorderContainer", "dijit/layout/TabContainer",
			"dijit/layout/AccordionContainer", "dijit/layout/AccordionPane", "dijit/Menu",
			"dijit/MenuItem","dijit/PopupMenuItem","dijit/MenuSeparator","dijit/MenuBar",
			"dijit/MenuBarItem"]);
	
	
	 function expconFolder(id)
	 {

		 if(document.getElementById(id+"_ulnode").style.display == 'none')
		 {

			 if($("#"+id+"_needload") && $("#"+id+"_needload").val()=='0')
			 {
				 document.getElementById(id+'_folder').src='script/menu/159.gif';
				 var url    = "getNodes.action";  
				 var params = {"nodeId":id}; 
				 $.post(url,params,function (data)
				 { 
					var menuNodeId ="#"+id+"_ulnode";
					$(menuNodeId).append(data);
				 }
				 );
				 $("#"+id+"_needload").val('1');
			  }
		     document.getElementById(id+"_ulnode").style.display ='';
		     document.getElementById(id+'_mark').src='script/menu/open.gif';
		     document.getElementById(id+'_folder').src='script/menu/folderOpen.gif';
		  }
		  else 
		  {
			 document.getElementById(id+"_ulnode").style.display = 'none';
			 document.getElementById(id+'_mark').src='script/menu/close.gif';
		     document.getElementById(id+'_folder').src='script/menu/folderClosed.gif';
		  }	 
				
	 }
	 		
</script>
</head>
<body class="tundra">
	<div data-dojo-type="dijit/layout/BorderContainer"
		data-dojo-props="gutters:true, liveSplitters:false"
		id="borderContainerTwo">
		<div data-dojo-type="dijit/layout/ContentPane"
			data-dojo-props="region:'top', splitter:false" , style="height: 50px;">
			<span>样式展示</span>
		</div>
		<div data-dojo-type="dijit/layout/AccordionContainer"
			data-dojo-props="minSize:20, region:'leading', splitter:true"
			style="width: 300px;" id="leftAccordion">
			<div data-dojo-type="dijit/layout/AccordionPane"
				title="搜索">
			</div>
			<div data-dojo-type="dijit/layout/AccordionPane" title="树型菜单" selected="true">
			<%=request.getAttribute("menuStream") %>
			</div>
			<div data-dojo-type="dijit/layout/AccordionPane"
				title="说明" >
			</div>
			<div data-dojo-type="dijit/layout/AccordionPane"
				title="历史">
			</div>
		</div>
		<!-- end AccordionContainer -->
		<div  data-dojo-type="dijit/layout/BorderContainer"
			data-dojo-props="gutters:true, liveSplitters:false,region:'center'">	
			<div data-dojo-type="dijit/MenuBar" id="navMenu" data-dojo-props="region:'top'">
				<div data-dojo-type="dijit/PopupMenuBarItem">
					<span>文件</span>
					<div data-dojo-type="dijit/DropDownMenu" id="fileMenu">
						<div data-dojo-type="dijit/MenuItem"
							data-dojo-props="onClick:function(){alert('file 1');}">文件
							#1</div>
						<div data-dojo-type="dijit/MenuItem"
							data-dojo-props="onClick:function(){alert('file 2');}">文件
							#2</div>
					</div>
				</div>
				    <div data-dojo-type="dijit/PopupMenuBarItem">
        <span>编辑</span>
        <div data-dojo-type="dijit/DropDownMenu" id="editMenu">
                            <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
                                    onClick:function(){alert('cut!')}">剪切</div>
                            <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
                                    onClick:function(){alert('copy!')}">复制</div>
                            <div data-dojo-type="dijit/MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
                                    onClick:function(){alert('paste!')}">粘贴</div>
        </div>
    </div>
    <div data-dojo-type="dijit/MenuBarItem">
            保存
    </div>
				
			</div>
			<div data-dojo-type="dijit/layout/TabContainer"
				data-dojo-props="region:'center', tabStrip:true">
				<div data-dojo-type="dijit/layout/ContentPane" title="卡片1"
					selected="true"></div>
				<div data-dojo-type="dijit/layout/ContentPane" title="卡片2">
					</div>
				<div data-dojo-type="dijit/layout/ContentPane"
					data-dojo-props="closable:true" title="卡片3">
					</div>
			</div>
		</div>
		<div data-dojo-type="dijit/layout/ContentPane"
			data-dojo-props="region:'bottom', splitter:false" , style="height: 30px;">
		</div>
		<!-- end TabContainer -->
	</div>
	<!-- end BorderContainer -->
</body>
</html>